<template>
  <div id="news">
    <van-search
      v-model="value"
      shape="round"
      background="transparent"
      placeholder="请输入搜索关键词"
    />
    <van-tabs v-model="activeName">
      <van-tab
        v-for="list in lists"
        :key="list"
        :title="list.title"
        :name="list.name"
        :to="list.href"
        :route="true"
        title-style="font-size: 16px"
        color="#000"
        title-active-color="#0685F5"
        title-inactive-color="#000"
      >
      </van-tab>
    </van-tabs>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  setup() {
    const lists = [
      {
        title: "医生说",
        href: "/home/healthNew/doctorsay",
        name: "a",
      },
      {
        title: "推荐",
        href: "/home/healthNew/recommend",
        name: "b",
      },
      {
        title: "直播",
        href: "/home/healthNew/broadcast",
        name: "c",
      },
    ];
    let activeName = "a";
    let value = "";

    return {
      lists,
      activeName,
      value,
    };
  },
};
</script>

<style lang="less" scoped>
@import url("../../assets/css/HealthNew.less");
#news {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: scroll;
  // width: 375.2px;
  // white-space: nowrap;

  ::-webkit-scrollbar {
    width: 0 !important;
  }

  ::-webkit-scrollbar {
    width: 0 !important;
    height: 0;
  }
}
</style>
